<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <title>phonemap</title>
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="IE=edge" />
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <link rel="stylesheet" type="text/css" href="../snap/snap.css" />
        <link rel="stylesheet" type="text/css" href="assets/main.css" />
        
        <script src="https://maps.googleapis.com/maps/api/js?v=3.8exp&sensor=false"></script>
		<script type="text/javascript" src='../script/common/jquery-1.11.0.min.js'></script>
		<script type="text/javascript" src='../script/admin/ajax.util.js'></script>
		<script type="text/javascript" src='../script/admin/ajax.index.js'></script>
		<script type="text/javascript" src="../script/common/jquery.cookie.js"></script>	
		<script type="text/javascript" src="../script/common/label.js"></script>
		
        <script type="text/javascript" src="../script/new/phonemap.constant.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.util.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.global.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.location.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.login.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.follows.1.0.js"></script>
		<script type="text/javascript" src="../script/new/phonemap.lookAround.1.0.js"></script>
        <script type="text/javascript" src="../script/new/phonemap.facebook.login.1.0.js"></script>
        
    </head>
    <body>
        <div class="snap-drawers">
            <div class="snap-drawer snap-drawer-left">
                <div>
                    <div class="logo">
                    	<span class="image avatar48">
							<a href="#" onclick="moveMapToFirtMaker()">
								<img id="avatar" alt="" src="/images/avatar-female.jpg"/>
							</a>
						</span>
						<a href="#" onclick="moveMapToFirtMaker()"><h1 id="avatarname">Unknown</h1></a>
<!-- 						<span id="avataraccount" class="byline"></span> -->
                    </div>
                    <h4>Map</h4>
                    <ul>
<!--                         <li><a href="home.html">Home</a></li> -->
                        <li><a href="follows.html">Follows</a></li>
                        <li><a href="search.html">Search</a></li>
                        <li><a href="lookAround.html">Look Around</a></li>
                        <li><a href="settings.html">Settings</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="#" onclick="PhonemapLogin.logout();">Log Out</a></li>
                    </ul>
                </div>
            </div>
            <div class="snap-drawer snap-drawer-right"></div>
        </div>
        
        <div id="content" class="snap-content">
            <div id="toolbar">
                <a href="#" id="open-left"></a>
				<form class="form-wrapper cf">
					<input id="textSearch" type="text" onkeypress="validate(event)"
							placeholder="Search by meter..." required>
					<button id="searchButton" type="button">Go</button>
				</form>
            </div>
            <div id="map_canvas" style="padding-top: 50px"></div>
        </div>
        <script type="text/javascript" src="../snap/snap.js"></script>
        <script type="text/javascript">
            var snapper = new Snap({
                element: document.getElementById('content')
            });
            
            $('#textSearch').bind('input', function() {
                /* This will be fired every time, when textbox's value changes. */
            	if (currentTextSearch === '' || currentTextSearch !== $('#textSearch').val()) {
            		$("#searchButton").html('Go');
            	} else {
            		$("#searchButton").html('More');
            	}
                
            } );
            
			$("#textSearch").keydown(function(event) {
				//Keydown = ENTER
				if (event.which == 13) {
					doSearch();
				}
			});

			$("#searchButton").click(function() {
				doSearch();
			});
		</script>
        <script type="text/javascript" src="assets/demo.js"></script>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>       
    </body>
</html>
